var canvas = document.getElementById("gameCanvas") as HTMLCanvasElement;
var context = canvas.getContext("2d")

var linewidth = 0
var Click = 0;
var x = 0;
var arcx = 300
var arcy = 0
var speed = 0
var arcspeed = 1
var min: number = 50;
var max: number = 700;
var Ball: boolean = false;
var score = 0

window.onclick = function () {
    Click++;
}
var image1 = new Image();
var image2 = new Image();
var image3 = new Image();
var image4 = new Image();
var image5 = new Image();
var image6 = new Image();
var image7 = new Image();
var image8 = new Image();
var image9 = new Image();
var image10 = new Image();
var image11 = new Image();

image1.src = 'airport.jpg';
image2.src = 'cha1.png';
image3.src = 'cha2.png';
image4.src = 'great wall.jpg'
image5.src = 'pub.jpg'
image6.src = 'game center.jpg'
image7.src = 'wall.jpg'
image8.src = 'city.jpg'
image9.src = 'taxi.jpg'
image10.src = 'restaurant.jpg'
image11.src = 'food.jpg'

//渲染文字 位图 矢量图
//main Loop
function enterFrame() {
    if (!context) {
        return;
    }
    canvas.width = canvas.height = 800;
    //clear


    //点击事件
    if (Click == 1) {
        context.drawImage(image1, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("嘿Walt，好久不见", 200, 700);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 2) {
        context.drawImage(image1, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("嘿Yi,谢谢你专程来接我", 200, 700);
        context.drawImage(image3, 700, 500)
    }


    if (Click == 3) {
        context.drawImage(image1, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("这次来北京我要带你好好游览一下", 150, 700);
        context.drawImage(image2, 0, 500)
    }



    if (Click == 4) {
        context.drawImage(image1, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("吼吼吼，那太好了，我们走", 200, 700);
        context.drawImage(image3, 700, 500)
    }


    if (Click == 5) {
        context.drawImage(image4, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("看，这就是长城了", 150, 700);
        context.drawImage(image2, 0, 500)
    }



    if (Click == 6) {
        context.drawImage(image4, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("可以的，我很早之前就想来到这了", 150, 700);
        context.drawImage(image3, 700, 500)
    }



    if (Click == 7) {
        context.drawImage(image4, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("中国唐代诗人王昌龄曾经", 150, 680);
        context.fillText("作诗描写过长城", 150, 730);
        context.drawImage(image2, 0, 500)
    }



    if (Click == 8) {
        context.drawImage(image4, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("秦时明月汉时关", 150, 680);
        context.fillText("万里长征人未还", 150, 730);
        context.drawImage(image2, 0, 500)
    }



    if (Click == 9) {
        context.drawImage(image4, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("但使龙城飞将在", 150, 680);
        context.fillText("不教胡马度阴山", 150, 730);
        context.drawImage(image2, 0, 500)
    }



    if (Click == 10) {
        context.drawImage(image4, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("嗯，听不懂", 150, 700);
        context.drawImage(image3, 700, 500)
    }



    if (Click == 11) {
        context.drawImage(image4, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("不跟你解释了", 150, 680);
        context.fillText("我们去个别的地方吧", 150, 730);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 12) {
        context.drawImage(image5, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("我喜欢这里，Yi", 150, 700);
        context.drawImage(image3, 700, 500)
    }



    if (Click == 13) {
        context.drawImage(image5, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("是吧，北京晚上最好玩了", 150, 700);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 14) {
        context.drawImage(image5, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("这里和我想的不太一样", 150, 700);
        context.drawImage(image3, 700, 500)
    }


    if (Click == 15) {
        context.drawImage(image5, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("怎么不一样？", 150, 700);
        context.drawImage(image2, 0, 500)
    }



    if (Click == 16) {
        context.drawImage(image5, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("这里很安静，没有我想象中的嘈杂", 150, 700);
        context.drawImage(image3, 700, 500)
    }


    if (Click == 17) {
        context.drawImage(image5, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("其实也有比较欢快的酒吧，", 150, 680);
        context.fillText("但那里人们更多在跳舞", 150, 730);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 18) {
        context.drawImage(image5, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("时间还早，我们去个好玩的地方吧", 150, 700);
        context.drawImage(image3, 700, 500)
    }


    if (Click == 19) {
        context.drawImage(image5, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("我懂你的意思了", 150, 700);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 20) {
        context.drawImage(image6, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("哇，这儿可真棒", 150, 700);
        context.drawImage(image3, 700, 500)
    }


    if (Click == 21) {
        context.drawImage(image6, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("我就知道你会喜欢这儿的，", 150, 680);
        context.fillText("想试试吗？", 150, 730);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 22) {
        context.drawImage(image6, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("迫不及待了，那个游戏机看起来不错", 150, 700);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 23) {

        canvas.width = canvas.height = 800;
        //清空
        context.drawImage(image7, 0, 0)

        if (x <= 0 || x >= 750) {
            speed = -speed;
        }

        x = x + speed;

        //方块
        context.beginPath();
        context.rect(x, 600, 50, 50)
        context.fillStyle = 'red';
        context.fill();

        //计分
        context.fillStyle = "blue";
        context.font = "24px Arial";
        context.fillText("score " + score.toString(), 160, 40);

        //当上一球消失后另一个球开始下落
        if (!Ball) {
            context.beginPath();
            context.arc(arcx, arcy, 50, 0, 2 * Math.PI)
            context.fillStyle = 'green';
            context.fill();
            arcy = arcy + arcspeed
            arcx = getRandomNum(min, max);
        }

        //如果方块与球相碰撞，则加分
        if (arcy >= 600 && arcy <= 650) {
            if (arcx >= x && arcx <= x + 50) {
                score++;
                arcy = 0;
                arcx = getRandomNum(min, max);
            }
        }
        else if (arcy >= 650) {
            arcy = 0;
            arcx = getRandomNum(min, max);
        }
    }



    if (Click == 24) {
        context.drawImage(image6, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("哦，这个游戏机好像坏了", 150, 700);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 25) {
        context.drawImage(image6, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("看起来是的，我们去个别的地方吧", 150, 700);
        context.drawImage(image3, 700, 500)
    }


    if (Click == 26) {
        context.drawImage(image6, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("这么晚了，我们还能去哪呢", 150, 700);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 27) {
        context.drawImage(image6, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("不如去吃个夜宵吧", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 28) {
        context.drawImage(image6, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("好吧", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 29) {
        context.drawImage(image8, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("刚才查到5公里外有个深夜食堂", 150, 700);
        context.drawImage(image3, 700, 500)
    }


    if (Click == 30) {
        context.drawImage(image8, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("哦", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 31) {
        context.drawImage(image8, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("我们打车去吧！", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 32) {
        context.drawImage(image8, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("可以的", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 33) {
        context.drawImage(image9, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("天啊，好困啊", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 34) {
        context.drawImage(image9, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("今天很累吗，我感觉还好", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 35) {
        context.drawImage(image9, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("我现在只想吃完饭回家好好睡一觉", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 36) {
        context.drawImage(image9, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("我一会也要回酒店好好休息了", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 37) {
        context.drawImage(image10, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("到了，就是这", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 38) {
        context.drawImage(image10, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("我们走", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 39) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("哇，好多中国菜", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 40) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("嗯，来吧，菜上齐了", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 41) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("等一下，拍张照片", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 42) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("please", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 43) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("等一下，这个菜叫什么", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 44) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("一品熊掌", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 45) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("这个呢", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 46) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("红煨鱼翅", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 47) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("那这个呢", 150, 700);
        context.drawImage(image3, 700, 500)
    }

    if (Click == 48) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("龙井虾仁", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    if (Click == 49) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("那边的呢", 150, 700);
        context.drawImage(image3, 700, 500)
    }


    if (Click == 50) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("宫保鸡丁", 150, 700);
        context.drawImage(image2, 0, 500)
    }


    if (Click == 51) {
        context.drawImage(image11, 0, 0)
        context.beginPath();
        context.rect(0, 600, 800, 200);
        context.fillStyle = 'white';
        context.fill();
        context.beginPath();
        context.lineWidth = 5
        context.strokeStyle = "red";
        context.rect(0, 600, 800, 200);
        context.stroke();
        context.fillStyle = 'black';
        context.font = "30pt Arial";
        context.fillText("好了，快吃吧", 150, 700);
        context.drawImage(image2, 0, 500)
    }

    requestAnimationFrame(enterFrame);
}
requestAnimationFrame(enterFrame);

function getRandomNum(Min: number, Max: number) {
    var Range = Max - Min;
    var Rand = Math.random();
    return (Min + Math.round(Rand * Range));
}